.father_flex_row{
    display: flex; 
    flex-direction: row;
}
.father_flex_column{
    display: flex; 
    flex-direction: column;
}
.danhang{
    overflow:hidden;//超出一行文字自动隐藏 
    text-overflow:ellipsis;//文字隐藏后添加省略号
    white-space:nowrap;//强制不换行
}
.duohang{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sanhang{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
//ctrl加查找替换 border:1rpx solid red;
//懂 不想啥都看不见的 直观不直观我说了算 红色为警告
//由于微信组件都带有自padding和margin而且不能使用全局通配符 看下面代码就知道干啥类吧
page,text,view,navigator,swiper,swiper-item,image{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
page{
    background: rgb(250, 246, 246);
}
image{
    width:40rpx;
    height:40rpx;
}
.detail3{
    .father_flex_column();
    .detail3_message{
        height:170rpx;
        background-color: #fff;
        padding: 5%;
        .father_flex_row();
        .detail3_shoplogo{
            border: 1px solid #DCDCDC;
            border-radius: 18rpx;
        }
        .detail3_shopintroduce{
            .father_flex_column();
            margin-left:4%;
            .detail3_title{
                font-size:20px;
                font-weight: bold;
                .danhang();
                max-width: 340rpx;
            }
            .detail3_evaluation{
                color: #666;
                .danhang();
                max-width: 350rpx;
            }
        }
        .detail3_gunzhu{
            .father_flex_column();
            margin-left:10%;
            .detail3_gzbt{
                button{
                    width:120rpx;
                    height: 60rpx;
                    font-size: 25rpx;
                    line-height: 60rpx;
                    padding: 0rpx;
                    background-color: #fff;
                    border: 1rpx solid #dcdcdc;
                }
            }
            .detail3_gznum{

            }
        }
    }
    .detail3_position{
        background-color: #fff;
        padding: 5%;
        .father_flex_row();
        justify-content: space-between;
        height: 120rpx;
        align-items: center;
        .detail3_positionlogo{
        
        }
        .detail3_postioninfo{
           .duohang();
           margin-left:4%;
           width:500rpx;
           border-right: 1rpx solid #666;
        }
        .detail3_phonelogo{
            margin-top: 1.5%;
        }
    }
    .detail3_security{
        background-color: #fff;
        padding: 5%;
        .father_flex_row();
        height: 90rpx;
        align-items: center;
        .detail3_securitylogo{

        }
        .detail3_securityinfo{
            font-weight: bold;
            margin-left:4%;
            width:550rpx;
        }
        .detail3_securityjump{
        }
    }
    .detail3_distribution{
        background-color: #fff;
        margin-bottom: 2%;
        padding: 5%;
        .father_flex_row();
        height: 90rpx;
        align-items: center;
        .detail3_distributionlogo{
        }
        .detail3_distributioninfo1{
            font-weight: bold;
            margin-left:4%;
            width:200rpx;
        }
        .detail3_distributioninfo2{
        }
    }
    .detail3_pstime{
        background-color: #fff;
        margin-bottom: 2%;
        padding: 5%;
        .father_flex_row();
        height: 90rpx;
        align-items: center;
        .detail3_pstimelogo{

        }
        .detail3_pstimeinfo1{
            font-weight: bold;
            margin-left:4%;
            width:200rpx;
        }
        .detail3_pstimeinfo2{
            
        }
    }
    .detail3_psfuwu{
        background-color: #fff;
        margin-bottom: 2%;
        padding: 5%;
        .father_flex_row();
        height: 90rpx;
        align-items: center;
        .detail3_psfuwuinfo1{
            font-weight: bold;
            margin-left:4%;
            width:200rpx;
        }
    }
    .detail3_announcement{
        background-color: #fff;
        padding: 5%;
        .father_flex_row();
        //height: 196rpx;
        .detail3_announcementlogo{
        }
        .detail3_announcementinfo1{
            font-weight: bold;
            margin-left:4%;
            width:210rpx;
            max-width: 300rpx;
        }
        .detail3_announcementinfo2{
            .sanhang();
            max-width: 350rpx;
        }
    }
    .button-sp-area{
        margin-top: 2%;
        .jumpMeituan{
            width:100%;
            font-weight: bold;
            background:#5cb85c;
        }
    }
}